<template>
	<div>
		<el-cascader size="large" 
		:options="pcaTextArr" 
		v-model="selectedOptions" 
		@change="handleCascaderChange">
		</el-cascader>
	</div>
</template>

<script>
	import {
		pcaTextArr
	} from 'element-china-area-data'
	export default {
		data() {
			return {
				pcaTextArr,
				selectedOptions: [],
			}
		},
		methods: {
			handleCascaderChange() {
				// 触发自定义事件，并将选中的值传递给父组件
				this.$emit('selected', JSON.parse(JSON.stringify(this.selectedOptions)));
			},
		},
	}
</script>

<style>
</style>